<template>
	<view class="body">
		<view class="body-data back" style="display: inline-block;" v-for="(item,index) in master" :key="index">
			<view>
				<view style="margin: calc(1vh) 0 0 calc(2vw);position:sticky;float: left;">
					<image :src="item.imageUrl" style="width: 80rpx;height: 80rpx;margin-left: calc(1vw);" mode="widthFix"></image>
				</view>
				<view style="position:sticky; float: left;margin: calc(2vh) calc(4vw)">
					<text style="">{{item.masterName}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				master: [{
						imageUrl: "../../static/logo.png",
						masterName: "123"
					},
					{
						imageUrl: "../../static/logo.png",
						masterName: "123"
					}
				]
			}
		}
	}
</script>

<style>
	.body {
		background-color: #F1F1F1;
		height: 100%;
	}

	.body-data {
		display: flex;
		flex-direction: column;
		width: calc(94vw);
		border-radius: calc(1vw);
		margin: calc(1vh) calc(2vw) 0 calc(2vw);
		padding: 0 calc(1vw) 0 calc(1vw);
	}

	.body-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: calc(1vw);
		margin: calc(1vh) calc(3vw) 0 calc(3vw);
		padding: 0 calc(1vw) 0 calc(1vw);
	}

	.back {
		background-color: #FFFFFF;
	}
</style>
